<template>
  <div>
    <div class="box750">
      <text class="text">750</text>
      <div class="box640">
        <text class="text">640</text>
        <div  :class="[isSmall==true?'box320':'box480']">
          <text class="text1">480</text>
        </div>
      </div>
    </div>

    <div class="button" @click="clickButton"></div>
  </div>
</template>


<style scoped src='./css_test.css' />

<script>
var self;
  export default {
    // 动态数据属性
    data: function(){
      return{
          img_more:"",
          isSmall:true
      }
    },
     //组件头文件导入
    components: {
        
    },
    //组件实例创建完成，属性已绑定，但DOM还未生成
    created() {
        self = this;

    },
    //方法，函数
    methods: {
        clickButton:function(e){
            console.log("choiseServer");
            self.isSmall = !self.isSmall;
        },
        
        
    }
}
</script>